body
{
	width:509px;
	height:auto;
	margin:0 auto;
}

#main_body
{
	width:509px;
	height:auto;
	margin:0 auto;
}

	#header_1
	{
		
	}
	
	#banner
	{
		margin:0 auto;
		height:140px;
		width:509px;
		background:#FFF;
		margin-bottom:5px;
		
	}
	
		#banner img
		{
			margin-top:2px;
		}
		
	
		
	
	#picuters
	{
		background:#FFF;
		width:509px;
		height:228px;
	}
	
		#picuters ul
		{
			list-style:none;
			margin: 0px;
			padding:0px;
		}
		
			#picuters ul li
			{
				float:left;
				margin-right: 11px;
			}
			
			#picuters ul .last_piller
			{
				margin-right:0px !important;
			}
	
	
	#quize_1
	{
		/*background:#e35d28;
		background:#820b45;*/
		
		width:507px;
		height:auto;
		
		border:1px solid #820b45;
		margin-top:5px;
		
		/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
		-moz-border-radius: 8px; /* Firefox */
		-webkit-border-radius: 8px; /* Safari and Chrome */
		border-radius: 8px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
		behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
		/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
	}
	
		#quize_1 p
		{
			color:#000;
			font-family:Arial, Helvetica, sans-serif;
			font-size: 12px;
			padding-left:10px;
		}
		
		.header_welcome_ques
		{
			padding:5px;
			background:#820b45;
			height:auto;
		}
		
		#quize_1 h1
		{
			color:#000;
			font-size:15px;
			font-family:Arial, Helvetica, sans-serif;
			color:#FFF;
			padding-left: 5px;
		}
	
		#quize_1  .img_submit 
		{
			width:93px;
			height:25px;
			background:url(images/submit_1.png);
			margin-left:208px;
			margin-top:10px;
			border:0px;
			margin-bottom:10px;
		}
		
	
	#quiz_result
	{
		height:auto;
		width:507px;
		border:1px solid #820b45;
		margin-top:5px;
	}
		#quiz_result_header {
			padding:5px;
			background:#820b45;
			height:auto;
		}
		
			#quiz_result_header h1
			{
				color:#FFF !important;
				font-size:15px !important;
				font-family:Arial, Helvetica, sans-serif !important;
				text-align: center !important;;
			}
			
			#quiz_result p
			{
				color: #000;
				font-family:Arial, Helvetica, sans-serif;
				font-size: 12px;
				text-align:justify;
				margin-left:5px;
				margin-right:5px;	
			}
			
			
			#quiz_result table
			{
				color: #000;
				font-family:Arial, Helvetica, sans-serif;
				font-size: 11px;
				text-align:justify;
				margin-left:5px;
				margin-right:5px;
				margin-bottom:20px;
			}
			
			#quiz_result table tr .text_bar_1
			{
				width:auto;
				padding:0 10px;
			}
			
			#quiz_result table tr .percent_bar_1
			{
				width:auto;
				padding:0 10px;
			}
			
			#quiz_result table tr .result_bar_1
			{
				width:100px;
				background:#CCC;
				height:25px;
				padding:0px;
				margin:0px;
			}
			
				#quiz_result table tr .result_bar_1 #bar_percent_1
				{
					height:25px;
					/*width:12px;*/
					background:#333;
				}
				
				#quiz_result table tr .result_bar_1 #bar_percent_2
				{
					height:25px;
					/*width:87px;*/
					background:#333;
				}
				
				#quiz_result table tr .result_bar_1 #bar_percent_3
				{
					height:25px;
					/*width:56px;*/
					background:#333;
				}


	#additional_box
	{
		height:200px;
		width:508px;
		border:1px solid #820b45;
		margin-top:4px;
		
		/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
		-moz-border-radius: 8px; /* Firefox */
		-webkit-border-radius: 8px; /* Safari and Chrome */
		border-radius: 8px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
		behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
		/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
	}
		#additional_box_header {
			padding:5px;
			background:#820b45;
			height:auto;
		}
		
			#additional_box_header h1
			{
				color:#FFF !important;
				font-size:15px !important;
				font-family:Arial, Helvetica, sans-serif !important;
				text-align: center !important;;
			}
			
			#additional_box p
			{
				color: #000;
				font-family:Arial, Helvetica, sans-serif;
				font-size: 12px;
				text-align:justify;
				margin-left:5px;
				margin-right:5px;
			}



/*--------------------------------------------------*/


		#slideshow {
					position:relative;
					height:250px;
					border:1px solid #820b45;
					background:#FFF;
					width:507px;
					margin-top: 5px;
					/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
					-moz-border-radius: 8px; /* Firefox */
					-webkit-border-radius: 8px; /* Safari and Chrome */
					border-radius: 8px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
					behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
					/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/					
		}
				
		#slideshow IMG {
						position:absolute;
						
						margin-top:10px;
						margin-left:10px;
						z-index:8;
						opacity:0.0;
						
						/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
						-moz-border-radius: 8px; /* Firefox */
						-webkit-border-radius: 8px; /* Safari and Chrome */
						border-radius: 8px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
						behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
						/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
				
		}
					
		#slideshow IMG.active {
						z-index:10;
						opacity:1.0;
		}
					
		#slideshow IMG.last-active {
						z-index:9;
		}

/*------------------------------------------------*/	
.wrong_answer
{
	background:#ee1c25 !important;
}

.correct_answer
{
	background:#8cc63e !important;
}